@media(max-width:1367px) {
    :root {
        --section-space: 80px;
        --section-smallspace: 50px;
        --section-herotitle: 44px;
        --section-h3: 26px
    }

    .banner_form {
        top: 30px
    }

    .banner_content {
        padding: 0 30px
    }

    .service_card {
        padding: 30px 30px
    }

    .gallery-slide {
        height: 450px
    }

    .map-location img {
        width: 500px
    }
}

@media(max-width:1199px) {
    :root {
        --section-space: 80px;
        --section-smallspace: 50px
    }
}

@media(max-width:1024px) {
    :root {
        --section-space: 80px;
        --section-herotitle: 36px;
        --section-h3: 24px;
        --section-h4: 20px;
        --section-h1: 36px
    }

    .header_start .nav-link {
        font-size: 14px
    }

    .header_start .navbar-nav {
        gap: 2px
    }

    .banner_content {
        padding: 0 20px
    }

    .banner_content_left {
        width: 50px
    }

    .section-heading h5 {
        font-size: 16px
    }

    .partner_column h4 {
        font-size: 48px
    }

    .gallery-slide {
        height: 340px
    }

    .accordion-button {
        font-size: 16px
    }

    .map-location img {
        width: 340px;
        top: 80px;
        position: relative
    }

    .banner_image img {
        height: 500px
    }

    .long-distance_about {
        padding-top: 50px
    }
    .team_gap {
    --bs-gutter-y: 50px;
}
}

@media(max-width:991px) {
    :root {
        --section-hero-title: 48px
    }

    .navbar-toggler-icon {
        background-image: none;
        height: auto
    }

    .navbar-toggler {
        padding: 0;
        border: 0
    }

    .header-btn {
        padding: 10px 24px !important
    }

    .header_start .navbar-nav {
        gap: 5px;
        margin: 15px 0 !important
    }

    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none
    }

    .banner_content_left {
        width: 200px
    }

    .banner_content {
        padding: 50px 20px
    }

    .partner_column {
        gap: 50px
    }

    .partner_column h4 {
        padding-bottom: 20px
    }

    .gallery-slide {
        height: 220px
    }

    .map-location img {
        width: 450px;
        top: 480px;
        position: relative
    }

    .map-location-bg {
        min-height: fit-content
    }

    .banner_form {
        position: relative
    }

    .quote-image {
        top: 0;
        left: 0
    }

    .sub_banner_image img {
        height: 450px;
        object-position: top
    }

    .team_image {
        width: 60%
    }

    .offer_list svg {
        flex-shrink: 0;
        width: 20px;
        height: 20px
    }
}

@media(max-width:767px) {
    :root {
        --section-space: 50px;
        --section-h3: 18px;
        --section-h2: 26px;
        --section-herotitle: 28px;
        --section-h1: 28px;
        --section-h5: 16px
    }

    .banner_content_left {
        width: 0
    }

    .gallery-slide {
        height: 360px
    }

    .map-location-bg {
        padding: 50px 20px;
        border-radius: 20px
    }

    .get-free-bg {
        padding: 20px
    }

    .grid-map {
        grid-template-columns: repeat(2, 1fr)
    }

    .map-location img {
        width: 450px;
        top: 620px;
        position: relative;
        left: 30px
    }

    .banner_image img {
        height: 300px
    }

    .about-us {
        padding-top: var(--section-smallspace)
    }

    .slick-dots {
        bottom: -60px !important
    }

    .header_start {
        padding: 10px 0
    }

    .offer_img {
        height: 400px
    }

    .calgary-to-bc-about {
        margin-top: 0 !important
    }

    .calgary-bc-banner .banner_form {
        padding-bottom: 30px
    }

    .service-section,
    .banner_start,
    .banner_start,
    section,
    .section-space,
    .container {
        overflow: hidden
    }
}

@media(max-width:567px) {
    .why-choose_image {
        height: 300px
    }

    .bg-secondary {
        background-color: var(--secondary-color) !important
    }

    .testimonial-bg-card {
        min-height: 250px
    }

    .how_it_work_icon img {
        width: 50%
    }

    .why-choose-bg {
        border-radius: 20px
    }
}